<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!doctype html>
<html lang="zh-CN">
<head>
<meta content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" name="viewport" />
<meta charset="utf-8">
<title>我的获奖清单</title>
<script type="text/javascript" src="./js/flexible.js"></script>
<style>
*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
	color: #FFF;
}
.clearfix:before,.clearfix:after {
	display: table;
	content: " ";
	line-height: 0;
	width: 100%;
	visibility: hidden;
}

.clearfix:after {
	clear: both;
}
table{
	border-collapse:collapse;
}
.backBar {
	width:100%;
	height: 50px;
}

.backBar table {
	width: 100%;
	height: 50px;
	background-color: #1b1714;
	font-size: 20px;
	color: #fdfcfc;
}

.backBar table td {
	text-align: center;
}

.backBar a {
	display: inline-block;
	width: 100%;	
	height: 100%;
	line-height: 50px;
	text-decoration: none;
}

.tab-bill {
	width: 100%;	
	text-align: center;
	background: #FFF;
}
.tab-bill th {
	background: #eceded;
	color: #14110f;
	height: 1.12rem;
	line-height: 1.12rem;	
	font-size: 18px;
	font-weight: normal;
	width: 50%;
}
.tab-bill td {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #555;
	
}
</style>
</head>
<body style="background: #eceded;">
<c:if test="${param.device==null ||param.device=='' }">
<div class="backBar">
	<table>
		<tbody>
			<tr>
				<td style="width: 50px;">
					<a class="btn-exit" href="celebrate_online.htm?device=${param.device}&app_token=${param.app_token}">ㄑ</a>
				</td>
				<td>我的获奖清单</td>
				<td style="width: 50px;"></td>
			</tr>
		</tbody>
	</table>
</div>
</c:if>
<table class="tab-bill">
	<thead>
		<tr>
			<th>奖品</th>
			<th>数量</th>
		</tr>
	</thead>
	<c:choose>
		<c:when test="${myShakeList != null && fn:length(myShakeList) > 0 }">
			<c:forEach items="${myShakeList }" var="actJoin">
				<c:if test="${actJoin.sub_act_id == '011' }">
					<tr>
						<td><c:choose><c:when test="${actJoin.reward_resp == 'A' }">0.5%加息券</c:when><c:when test="${actJoin.reward_resp == 'B' }">5元现金券</c:when><c:when test="${actJoin.reward_resp == 'C' }">10元现金券</c:when><c:when test="${actJoin.reward_resp == 'D' }">20元现金券</c:when><c:when test="${actJoin.reward_resp == 'E' }">30元现金券</c:when><c:when test="${actJoin.reward_resp == 'F' }">1%加息券</c:when><c:when test="${actJoin.reward_resp == 'G' }">1.5%加息券</c:when><c:otherwise>${actJoin.reward_resp }</c:otherwise> </c:choose></td>
						<td><c:choose><c:when test="${actJoin.reward_count>0 }">${actJoin.reward_count }</c:when><c:otherwise>0</c:otherwise> </c:choose></td>
					</tr>
				</c:if>
			</c:forEach>
		</c:when>
		<c:otherwise>
			<tr>
				<td colspan="2">您还没有参与活动哦，<br/>赶快带上小伙伴们一起来吧!</td>
			</tr>
		</c:otherwise>
	</c:choose>
</table>
</body>
</html>